<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<title>城市列表</title>
<link href="img/css/css.css" rel="stylesheet" type="text/css">
</head>

<body>
<!--wrap start-->
<section id="wrap">
    <section class="titlebar">选择城市</section>
    <section class="subtitle">热门城市</section>
    <section class="citylist">
             <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">北京</a></li>
                 <li class="rightline"><a href="#">上海</a></li>
                 <li class="rightline"><a href="#">广州</a></li>
                 <li><a href="#">武汉</a></li>
             </ul>
    </section>
    <section class="subtitle">字母筛选</section>
             <ul class="listitem mt10">
                 <a href="#5A"><button class="sort mr10">A</button></a>
                 <a href="#5B"><button class="sort mr10">B</button></a>
                 <button class="sort mr10">C</button>
                 <button class="sort mr10">D</button>
                 <button class="sort mr10">E</button>
             </ul>
             <ul class="listitem mt10">
                 <button class="sort mr10">F</button>
                 <button class="sort mr10">G</button>
                 <button class="sort mr10">H</button>
                 <button class="sort mr10">J</button>
                 <button class="sort mr10">K</button>
             </ul>
             <ul class="listitem mt10">
                 <button class="sort mr10">L</button>
                 <button class="sort mr10">M</button>
                 <button class="sort mr10">N</button>
                 <button class="sort mr10">P</button>
                 <button class="sort mr10">Q</button>
             </ul>
             <ul class="listitem mt10">
                 <button class="sort mr10">R</button>
                 <button class="sort mr10">S</button>
                 <button class="sort mr10">T</button>
                 <button class="sort mr10">W</button>
                 <button class="sort mr10">X</button>
             </ul>
             <ul class="listitem mt10 mb10">
                 <button class="sort mr10">Y</button>
                 <button class="sort mr10">Z</button>
             </ul>
    <section class="subtitle"><a name="5A" id="5A">A</a></section>
    <section class="citylist">
             <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">阿坝</a></li>
                 <li class="rightline"><a href="#">阿克苏</a></li>
                 <li class="rightline"><a href="#">阿拉尔</a></li>
                 <li><a href="#">阿拉善</a></li>
             </ul>
                 <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">阿坝</a></li>
                 <li class="rightline"><a href="#">阿克苏</a></li>
                 <li class="rightline"><a href="#">阿拉尔</a></li>
                 <li><a href="#">阿拉善</a></li>
             </ul>
                 <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">阿坝</a></li>
                 <li class="rightline"><a href="#">阿克苏</a></li>
                 <li class="rightline"><a href="#">阿拉尔</a></li>
                 <li><a href="#">阿拉善</a></li>
             </ul>
    </section>
    <section class="subtitle"><a name="5B" id="5B">B</a></section>
    <section class="citylist">
             <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">阿坝</a></li>
                 <li class="rightline"><a href="#">阿克苏</a></li>
                 <li class="rightline"><a href="#">阿拉尔</a></li>
                 <li><a href="#">阿拉善</a></li>
             </ul>
             <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">阿坝</a></li>
                 <li class="rightline"><a href="#">阿克苏</a></li>
                 <li class="rightline"><a href="#">阿拉尔</a></li>
                 <li><a href="#">阿拉善</a></li>
             </ul>
             <ul class="listitem bottomline">
                 <li class="rightline"><a href="#">阿坝</a></li>
                 <li class="rightline"><a href="#">阿克苏</a></li>
                 <li class="rightline"><a href="#">阿拉尔</a></li>
                 <li><a href="#">阿拉善</a></li>
             </ul>
    </section>
</section>
<!--wrap end-->
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/common.js"></script>
</body>
</html>